<template>
    <div>
        <!-- 页脚 -->
        <v-divider></v-divider>
        <v-footer padless color="white">
            <v-container>
                <div
                    class="flex flex-wrap justify-between text-left mx-3 mb-5 font-normal text-gray-500"
                >
                    <div>
                        <h3 class="text-lg">BING2</h3>
                        <br />
                        <p>
                            本站所有图片均来自
                            <a
                                href="https://cn.bing.com/"
                                target="_blank"
                                class="border-b-2"
                            >
                                必应搜索
                            </a>
                            。
                            <br />
                            All pictures on this site are from
                            <a
                                href="https://cn.bing.com/"
                                target="_blank"
                                class="border-b-2"
                            >
                                Bing search.
                            </a>
                        </p>
                    </div>
                    <div>
                        <h3 class="text-lg">Discover</h3>
                        <br />
                        <ul>
                            <li>
                                <a
                                    href="https://imtzz.com/"
                                    target="_blank"
                                    class="border-b-2"
                                >
                                    Blog.
                                </a>
                            </li>
                            <li>
                                <a
                                    href="https://tzzs.github.com/"
                                    target="_blank"
                                    class="border-b-2"
                                >
                                    Github
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <h3 class="text-lg">Connect</h3>
                        <br />
                        <ul>
                            <li>Github Issue</li>
                            <li>
                                <a
                                    href="https://imtzz.com/about/"
                                    target="_blank"
                                    class="border-b-2"
                                >
                                    About
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div>
                    <span to="https://imtzz.com">
                        <p>
                            <a href="https://imtzz.com"
                                >Copyright ©2018-2022 IMTZZ.
                            </a>
                        </p>
                    </span>
                </div>
            </v-container>
        </v-footer>
    </div>
</template>

<script>
export default {
    name: "TFooter",
};
</script>

<style>
.t-link {
    /* ... */
    @apply text-gray-500 hover:text-green-400;
}
</style>
